/* VERTICAL */
.scrollbar-vertical .track, .scrollbar-vertical .arrow-up, 
.scrollbar-vertical .arrow-down, .scrollbar-vertical .tab, 
.scrollbar-vertical .top, .scrollbar-vertical .bottom {
	background: url(../images/scrollbar-vertical-aquablue.png);
	width: 100%;
}

.scrollbar-vertical {
	position: absolute;
	width: 16px;
	z-index: 1;
}

/* TRACK */
.scrollbar-vertical .track {
	background-position: left center;
	position: absolute;
	margin: 6px 0px 32px 0px;
}
.scrollbar-vertical .track .top {
	background-position: right top;
	position: absolute;
	top: -6px;
	height: 6px;
}

/* ARROWS */
.scrollbar-vertical .arrow-up {
	background-position: right 36px;
	position: absolute;
	bottom: 16px;
	height: 20px;
} .scrollbar-vertical .arrow-up-hover {
	background-position: right 72px;
} .scrollbar-vertical .arrow-up-active {
	background-position: right 108px;
}

.scrollbar-vertical .arrow-down {
	background-position: right bottom;
	position: absolute;
	bottom: 0px;
	height: 16px;
} .scrollbar-vertical .arrow-down-hover {
	background-position: right 52px;
} .scrollbar-vertical .arrow-down-active {
	background-position: right 88px;
}

/* TAB */
.scrollbar-vertical .tab {
	background-position: -16px center;
	position: absolute;
	height: 10px;
	margin-bottom: 6px;
	z-index: 1;
} .scrollbar-vertical .tab-hover {
	background-position: -32px center;
} .scrollbar-vertical .tab-active {
	background-position: -48px center;
} .scrollbar-vertical .tab-hover.tab-active {
	background-position: -64px center;
}

.scrollbar-vertical .tab .top {
	background-position: right -6px;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	top: -6px;
	height: 6px;
} .scrollbar-vertical .tab-hover .top {
	background-position: right -18px;
} .scrollbar-vertical .tab-active .top {
	background-position: right -30px;
} .scrollbar-vertical .tab-hover.tab-active .top {
	background-position: right -42px;
}

.scrollbar-vertical .tab .bottom {
	background-position: right -12px;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	bottom: -6px;
	height: 6px;
} .scrollbar-vertical .tab-hover .bottom {
	background-position: right -24px;
} .scrollbar-vertical .tab-active .bottom {
	background-position: right -36px;
} .scrollbar-vertical .tab-hover.tab-active .bottom {
	background-position: right -48px;
}

/* HORIZONTAL */
.scrollbar-horizontal .track, .scrollbar-horizontal .arrow-left, 
.scrollbar-horizontal .arrow-right, .scrollbar-horizontal .tab, 
.scrollbar-horizontal .left, .scrollbar-horizontal .right {
	background: url(../images/scrollbar-horizontal-aquablue.png);
	height: 100%;
}

.scrollbar-horizontal {
	position: absolute;
	height: 16px;
	z-index: 1;
}

/* TRACK */
.scrollbar-horizontal .track {
	position: absolute;
	background-position: left top;
	margin: 0px 32px 0px 6px;
}
.scrollbar-horizontal .track .left {
	background-position: left bottom;
	position: absolute;
	left: -6px;
	width: 6px;
}

/* ARROWS */
.scrollbar-horizontal .arrow-left {
	background-position: 36px bottom;
	position: absolute;
	top: 0px;
	right: 16px;
	width: 20px;
} .scrollbar-horizontal .arrow-left-hover {
	background-position: 72px bottom;
} .scrollbar-horizontal .arrow-left-active {
	background-position: 108px bottom;
}

.scrollbar-horizontal .arrow-right {
	background-position: right bottom;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
} .scrollbar-horizontal .arrow-right-hover {
	background-position: 52px bottom;
} .scrollbar-horizontal .arrow-right-active {
	background-position: 88px bottom;
}

/* TAB */
.scrollbar-horizontal .tab {
	background-position: center -16px;
	position: absolute;
	width: 10px;
	margin-right: 6px;
	z-index: 1;
} .scrollbar-horizontal .tab-hover {
	background-position: center -32px;
} .scrollbar-horizontal .tab-active {
	background-position: center -48px;
} .scrollbar-horizontal .tab-hover.tab-active {
	background-position: center -64px;
}

.scrollbar-horizontal .tab .left {
	background-position: -6px bottom;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	left: -6px;
	width: 6px;
} .scrollbar-horizontal .tab-hover .left {
	background-position: -18px bottom;
} .scrollbar-horizontal .tab-active .left {
	background-position: -30px bottom;
} .scrollbar-horizontal .tab-hover.tab-active .left {
	background-position: -42px bottom;
}

.scrollbar-horizontal .tab .right {
	background-position: -12px bottom;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	right: -6px;
	width: 6px;
} .scrollbar-horizontal .tab-hover .right {
	background-position: -24px bottom;
} .scrollbar-horizontal .tab-active .right {
	background-position: -36px bottom;
} .scrollbar-horizontal .tab-hover.tab-active .right {
	background-position: -48px bottom;
}








/* VERTICAL */
.scrollbar-vertical-miniwhite .track, .scrollbar-vertical-miniwhite .arrow-up, 
.scrollbar-vertical-miniwhite .arrow-down, .scrollbar-vertical-miniwhite .tab, 
.scrollbar-vertical-miniwhite .top, .scrollbar-vertical-miniwhite .bottom {
	background: url(../images/scrollbar-vertical-miniwhite.png);
	width: 100%;
}

.scrollbar-vertical-miniwhite {
	position: absolute;
	width: 10px;
	z-index: 1;
}

/* TRACK */
.scrollbar-vertical-miniwhite .track {
	background-position: left top;
	position: absolute;
	margin: 4px 0px 4px 0px;
}
.scrollbar-vertical-miniwhite .track .top {
	background-position: -10px top;
	position: absolute;
	top: -4px;
	height: 4px;
}
.scrollbar-vertical-miniwhite .track .bottom {
	background-position: -10px bottom;
	position: absolute;
	bottom: -4px;
	height: 4px;
}

/* ARROWS */
.scrollbar-vertical-miniwhite .arrow-up, .scrollbar-vertical-miniwhite .arrow-down {
	display: none;
}

/* TAB */
.scrollbar-vertical-miniwhite .tab {
	background-position: 20px top;
	position: absolute;
	margin: 2px 0px;
	z-index: 1;
}

.scrollbar-vertical-miniwhite .tab .top {
	background-position: right top;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	top: -4px;
	height: 4px;
}

.scrollbar-vertical-miniwhite .tab .bottom {
	background-position: right bottom;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	bottom: -4px;
	height: 4px;
}






/* VERTICAL */
.scrollbar-vertical-apple .track, .scrollbar-vertical-apple .arrow-up, 
.scrollbar-vertical-apple .arrow-down, .scrollbar-vertical-apple .tab, 
.scrollbar-vertical-apple .top, .scrollbar-vertical-apple .bottom {
	background: url(../images/apple-rip.png);
	width: 100%;
}

.scrollbar-vertical-apple {
	position: absolute;
	width: 17px;
	z-index: 1;
}

/* TRACK */
.scrollbar-vertical-apple .track {
	background-position: left top;
	position: absolute;
	margin: 7px 0px;
}
.scrollbar-vertical-apple .track .top {
	background-position: -17px top;
	position: absolute;
	top: -7px;
	height: 7px;
}
.scrollbar-vertical-apple .track .bottom {
	background-position: -17px bottom;
	position: absolute;
	bottom: -7px;
	height: 7px;
}

/* ARROWS */
.scrollbar-vertical-apple .arrow-up, .scrollbar-vertical-apple .arrow-down {
	display: none;
}

/* TAB */
.scrollbar-vertical-apple .tab {
	background-position: 34px top;
	position: absolute;
	z-index: 1;
}

.scrollbar-vertical-apple .tab .top {
	background-position: right top;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	top: -7px;
	height: 7px;
}

.scrollbar-vertical-apple .tab .bottom {
	background-position: right bottom;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	bottom: -7px;
	height: 7px;
}





/* VERTICAL */
.scrollbar-vertical-plainwhite .track, .scrollbar-vertical-plainwhite .arrow-up, 
.scrollbar-vertical-plainwhite .arrow-down, .scrollbar-vertical-plainwhite .tab, 
.scrollbar-vertical-plainwhite .top, .scrollbar-vertical-plainwhite .bottom {
	background: url(../images/scrollbar-vertical-plainwhite.png);
	width: 100%;
}

.scrollbar-vertical-plainwhite {
	position: absolute;
	width: 14px;
	z-index: 1;
}

/* TRACK */
.scrollbar-vertical-plainwhite .track {
	background-position: left top;
	position: absolute;
	margin: 7px 0px;
}
.scrollbar-vertical-plainwhite .track .top {
	background-position: -14px top;
	position: absolute;
	top: -7px;
	height: 7px;
}
.scrollbar-vertical-plainwhite .track .bottom {
	background-position: -14px bottom;
	position: absolute;
	bottom: -7px;
	height: 7px;
}

/* ARROWS */
.scrollbar-vertical-plainwhite .arrow-up, .scrollbar-vertical-plainwhite .arrow-down {
	display: none;
}

/* TAB */
.scrollbar-vertical-plainwhite .tab {
	background-position: 20px top;
	position: absolute;
	z-index: 1;
	margin: 2px;
	width: 10px;
}

.scrollbar-vertical-plainwhite .tab .top {
	background-position: right top;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	top: -7px;
	height: 7px;
}

.scrollbar-vertical-plainwhite .tab .bottom {
	background-position: right bottom;
	overflow: hidden; /* IMPORTANT FOR IE6 */
	position: absolute;
	bottom: -7px;
	height: 7px;
}